<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SVG转换测试页面</title>
</head>
<body>
    <h1>SVG图片转换测试</h1>
    
    <p>这是一个测试页面，用于验证SVG图片能否正确转换为Markdown格式。</p>
    
    <h2>内联SVG示例</h2>
    
    <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" title="红色圆形">
        <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
    </svg>
    
    <p>上面是一个红色的圆形SVG图片。</p>
    
    <h2>带有复杂图形的SVG</h2>
    
    <svg width="200" height="150" xmlns="http://www.w3.org/2000/svg" alt="星形图案">
        <polygon points="100,10 40,198 190,78 10,78 160,198" 
                 style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
    </svg>
    
    <p>这是一个星形图案的SVG。</p>
    
    <h2>普通图片对比</h2>
    
    <img src="" alt="蓝色方块">
    
    <p>上面是一个通过img标签引用的SVG图片（base64编码）。</p>
    
</body>
</html>